<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="../assets/css/binarysearch.css" />
</head>

<body>
	<br />
    <section class="head">Binary Search Visualization</section>
    <section class="data-container"></section> 
	<div id="array"></div>
	<br /><br />

	<div style="text-align: center">
	<label for="fname">
		Number to be Searched:
	</label>
	<input type="text" id="fname"
			name="fname" />
	<div id="text"></div>
	</div>
    <!-- "Generate New Array" button -->
   <button  class="btn1" onclick="generate()" id="Button1" >
    Generate New Array</button>   
    
  <!-- "Binary Search" button -->
  <button class="btn2" 
          onclick="BinarySearch(),disable()" id="Button2" >
    Binary Search</button>
 </body>
	<script src="../assets/js/binarysearch.js"></script>
</body>
</html>
